#box{
	position: absolute;
	top: 1.4375rem;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	overflow-x: hidden;
}
.main{
	display: flex;
	position: absolute;	
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.main-nav{
	width: 25%;
	overflow: auto;
}
.main-nav li{
	width: 100%;
	text-align: center;
	height: 1.28125rem;
	line-height: 1.28125rem;
	font-size: 0.375rem;
	box-sizing: border-box;
	border-bottom: 2px solid #e0e0e0;
	background-color: #f8f8f8;
	position: relative;
}
.main-nav ul li.active::before {
	display: inline-block;
	content: '';
	width: 0.15625rem;
	height: 80%;
	background: #ffd600;
	position: absolute;
	left: 0;
	top: 10%;
}
.hot-icon{
	width: 0.875rem;
	height: 0.906rem;
	background: url(../../img/hot.jpg) no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
	top: 0;
}
.main-content{
	width: 75%;
	position: absolute;
	top: 0;
	bottom: 0;
}
.nav-hd{
	height: 1.25rem;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
}
.nav-hd ul{
 	display: flex; 
 	box-sizing: border-box;
 	border-bottom: 2px solid #e0e0e0;
}
.nav-hd ul li{
	width: 50%;
	height: 1.25rem;
	text-align: center;
	line-height: 1.25rem;
	font-size: 0.375rem;
}
.nav-hd ul li:nth-of-type(1)::after{
	content: '';
	display: inline-block;
	width: 2px;
	height: 50%;
	background: #ddd;
	position: relative;
	top: 15%;
	left: 25%;
}
.pro-wrap{
	position: absolute;
	top: 1.25rem;
	left: 0;
	right: 0;
	bottom: 0;
}


/*产品展示*/
.product-list{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}
.product-list ul li{
	width: 100%;
	display: flex;
	box-sizing: border-box;
	padding: 0.15625rem;
	border-bottom: 2px solid #e0e0e0;
}
.list-left{
	width: 35%;
}
.list-left img{
	width: 100%;
}
.list-right{
	position: relative;
	width: 65%;
}
.list-right p{
	margin-bottom: 0.156rem;
	font-size: 0.3125rem;
}
.sale-name{
	font-size: 0.375rem !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.desc{
	display: flex;
}
.desc .jingxuan{
	text-align: center;
	width: .8rem;
	height: .45rem;
	line-height: .45rem;
	border: 2px solid #ff0000;
	border-radius: 5px;
	color: #ff0000;
}
.desc .manzeng{
	margin-left: 0.156rem;
	text-align: center;
	width: 1.6rem;
	height: .5rem;
	line-height: .5rem;
	background: #ff0000;
	border-radius: 5px;
	color: #fff;
}
.weight{
	color: #bbb;
}
.now-price{
	color: #ff0000;
}
.old-price{
	text-decoration: line-through;
}
.sale-add{
	width: .8rem;
	height: .8rem;
	line-height: .7rem;
	border: 2px solid #ccc;
	border-radius: 50%;
	font-size: 0.8rem;
	text-align: center;
	position: absolute;
	bottom: 0.156rem;
	right: 0.156rem;
	color: #ff0000;
	background-color: #fff;
}
.sale-del{
	position: absolute;
	bottom: 0.156rem;
	right: 1rem;
}
.del{
	display: inline-block;
	width: .8rem;
	height: .8rem;
	line-height: .7rem;
	border: 2px solid #ccc;
	border-radius: 50%;
	font-size: 0.8rem;
	text-align: center;
	color: #ff0000;
	background-color: #fff;
}
.count{
	font-size: 0.41rem;
	margin: 10px;

}